<link href="/css/client.css" type="text/css" rel="stylesheet">
<link href="/css/dropdown.css" type="text/css" rel="stylesheet">
<link href="/css/fancybox.css" type="text/css" rel="stylesheet">

<!--[if IE]>
		<script src="http://kizu.ru/j/script.ie.js"></script>
		<link href="/s/style.ie.css" rel="stylesheet" />
<![endif]--> 
    
<script type="text/javascript" src="../js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="../js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="../js/jquery.tablesorter.pager.js"></script>
<script type="text/javascript" src="../js/jquery.liveFilter.js"></script>
<script>
        $(document).ready(function() {$("#clients").tablesorter({headers: {6:{sorter: false}}});});
        
        $(document).ready(function() {
			$('.table_filter').liveFilter({
				delay: 300, 
				defaultText: 'write keyword and press enter', 
				hideDefault: false
			});
		});
        
        $(document).ready(function() {
			$(".modal").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});
		});
        
</script>
<?php   
    echo $this->render('header.phtml'); 
    echo $this->render('user/subnav.phtml');
?>
<section id="main" class="clients">
    <div class="title">Clients</div>
            <div class="table_filter">
                <table id="clients" class="main">
                    <thead>
                        <tr>
                            <td colspan="4">
                                <input class="live-search" type="text" value="" />
                                <input type="reset" class="square" value="Reset" />
                            </td>
                            <td colspan="3" class="">
                                <input type="radio" id="sort" class="b-dropdown-helper" name="dropdowns"/>
                                <span class="b-dropdown">
                                    <label class="b-dropdown-handle" for="sort">Client type</label>
                                    <span class="b-dropdown-popup">
                                        <span class="b-dropdown-popup-in">
                                            <span class="b-dropdown-popup-inin">
                                                <a class="b-dropdown-link" href="#one"><img src="../css/img/fugue/fill-270.png" />supplier</a>
                                                <a class="b-dropdown-link" href="#two"><img src="../css/img/fugue/fill-090.png" />buyer</a>
                                            </span>
                                        </span>
                                    </span>
                                </span>
            
                               <input type="radio" id="export" class="b-dropdown-helper" name="dropdowns"/> 
                                <span class="b-dropdown right"> 
                                    <label class="b-dropdown-handle" for="export">Import & Export</label> 
                                    <span class="b-dropdown-popup"> 
                                        <span class="b-dropdown-popup-in"> 
                                            <span class="b-dropdown-popup-inin"> 
                                                <a class="b-dropdown-link" href="#one"><img src="../css/img/fugue/document-excel-csv.png" />import from excel</a>
                                                <p class="hr"></p>                                        
                                                <a class="b-dropdown-link" href="#two"><img src="../css/img/fugue/report-excel.png" />export to excel</a> 
                                                <a class="b-dropdown-link" href="#three"><img src="../css/img/fugue/document-pdf-text.png" />export to pdf</a> 
                                                <a class="b-dropdown-link" href="#four"><img src="../css/img/fugue/mail-open-document.png" />send e-mail</a>      
                                            </span> 
                                        </span> 
                                    </span> 
                                </span> 
                                <!-- Сервисные блоки (паранджа для дропдаунов) -->
                                <input type="radio" id="Paranja" class="b-paranja-helper" name="dropdowns" checked="checked" />
                                <label class="b-paranja" for="Paranja"></label>
                                <!-- / Сервисные блоки -->
                            </td>
                        </tr>
                        <tr>
                            <th>Type</th>
                            <th>Organization</th>
                            <th>VAT</th>
                            <th>Legal address</th>
                            <th>Phone</th>
                            <th>Created</th>
                            <th>Option</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>supplier</td>
                            <td>Laima, AS</td>
                            <td>40103176921</td>
                            <td>Sporta iela 2, Rīga, LV-1145</td>
                            <td>29999063</td>
                            <td>20.08.2011</td>
                            <td><a class="modal" href="http://google.com">edit</a> | delete</td>
                        </tr>            
                        <tr>
                            <td>buyer</td>
                            <td>Staburadze, AS</td>
                            <td>40103226955</td>
                            <td>Artilērijas iela 55, Rīga, LV-1009</td>
                            <td>67843321</td>
                            <td>02.05.2010</td>
                            <td><a class="modal" href="http://bing.com">edit</a> | delete</td>
                        </tr>
                        <tr>
                            <td>buyer</td>
                            <td>Тематические медиа</td>
                            <td>6464797809765</td>
                            <td>101000, Москва, улица Мясницкая, дом 24/7, строение 1, офис 12</td>
                            <td>+7 (495) 628-27-04</td>
                            <td>30.03.2011</td>
                            <td><a class="modal" href="http://yandex.ru">edit</a> | delete</td>
                        </tr>
                    </tbody>
                </table> 
        </div> 
<?php 
    if (!empty($this->error)) echo '<div class=error>'.$this->error.'</div>';
    if (!empty($this->message)) echo '<div class="flash">'.$this->message.'</div>';
?>
    
</section>
<?php echo $this->render('footer.phtml'); ?>